Page{
  background:#dedede;
  padding: 2rpx 0 0 0;
}
.container{
  height: 100%;
  position: relative;
  padding: 0;
}
.container .top{
  width: 750rpx;
  height: 271rpx;
  background: #fff;
  display: flex;
  justify-content: space-around;
  text-align: center;
  padding-top: 65rpx;
  font-size:34rpx；
}
.container .top .can_use,.container .top .get{
  flex: 1;
  position: relative;
}
.container .top .can_use::after{
  content: "";
  display: inline-block;
  width: 1px;
  height: 183rpx;
  background: #dedede;
  position: absolute;
  top: 0;
  right: 0;
  
}
.container .top .can_use .score,.container .top .get .score{
  margin-top: 45rpx;
  color: #ff4e00;
  font-size:50rpx;
}
.container .mid{
  margin-top: 8rpx;
  width: 750rpx;
  color: #5f5f5f;
  text-align: center;
  display: flex;
  font-size:33rpx;
}
.container .mid .mid_card{
  flex: 1;
  padding: 19rpx 0;
  background: #fff;
}
.container .mid .mid_card:hover{
  border-top: 1px solid #ff4e00;
  border-bottom: 1px solid #ff4e00;
  color: #ff4e00;
}
.container .mid .mid_card:nth-of-type(2){
  position: relative;
}
.container .mid .mid_card:nth-of-type(2)::before{
  content: "";
  display: inline-block;
  width: 1px;
  height: 100%;
  background: #dedede;
  position: absolute;
  left: 0;
  top: 0;
}
.container .mid .mid_card:nth-of-type(2)::after{
  content: "";
  display: inline-block;
  width: 1px;
  height: 100%;
  background: #dedede;
  position: absolute;
  right: 0;
  top: 0;
}
.logo{
  width: 184rpx;
  height: 63rpx;
  position: absolute;
  top: 1077rpx;
  left: 50%;
  transform: translate(-50%);
}